﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Content.Master" AutoEventWireup="true" CodeBehind="Products.aspx.cs" Inherits="CityIT.Sales.Web.Products" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            width: 60px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table>
          <thead>
            <tr>
              <th>产品代码</th>
              <th>产品名称</th>
              <th>产品大分类</th>
              <th>产品小分类</th>
              <th>市场价(元)</th>
              <th>库存</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>P0001</td>
              <td>ThankPad R400</td>
              <td>品牌专卖</td>
              <td>联想ThankPad</td>
              <td>6100</td>
              <td>100</td>
              <td><a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="编辑" /></a> <a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
             </tr>
             <tr>
              <td>P0002</td>
              <td>ThankPad R400</td>
              <td>品牌专卖</td>
              <td>联想ThankPad</td>
              <td>6100</td>
              <td>100</td>
              <td><a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="编辑" /></a> <a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
             </tr>
             <tr>
              <td>P0003</td>
              <td>ThankPad R400</td>
              <td>品牌专卖</td>
              <td>联想ThankPad</td>
              <td>6100</td>
              <td>100</td>
              <td><a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="编辑" /></a> <a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
             </tr>
             <tr>
              <td>P0004</td>
              <td>ThankPad R400</td>
              <td>品牌专卖</td>
              <td>联想ThankPad</td>
              <td>6100</td>
              <td>100</td>
              <td><a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="编辑" /></a> <a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
             </tr>
          </tbody>
         <tfoot>
            <tr>
              <td colspan="6"><div class="pagination"> <a href="#" title="First Page">&laquo; 第一页</a><a href="#" title="Previous Page">&laquo; 上一页</a> <a href="#" class="number" title="1">1</a> <a href="#" class="number" title="2">2</a> <a href="#" class="number current" title="3">3</a> <a href="#" class="number" title="4">4</a> <a href="#" title="Next Page">下一页 &raquo;</a><a href="#" title="Last Page">最后页 &raquo;</a> </div>
                <!-- End .pagination -->
                <div class="clear"></div></td>
            </tr>
          </tfoot>
        </table>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentHolder2" runat="server">
    <fieldset>
          <legend></legend>
          <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
          <p>
            <label>产品代码：</label>
            <input class="text-input small-input" type="text" id="small-input" name="small-input" />
            <%--<span class="input-notification success png_bg">表单验证信息</span>--%>
            <!-- Classes for input-notification: success, error, information, attention -->
            <br />
          </p>
          <p>
            <label>产品名称：</label>
            <input class="text-input small-input" type="text" id="medium-input" name="medium-input" />
            <%--<span class="input-notification error png_bg">表单验证信息 错误提示</span> </p>--%>
          <p>
            <label>产品分类管理:</label>
            大分类：<select name="dropdown" class="small-input">
              <option value="0">---请选择---</option>
              <option value="1">品牌专卖</option>
              <option value="2">DIY</option>
              <option value="3">办公耗材</option>
            </select> 小分类：<select name="dropdown" class="small-input">
              <option value="0">---请选择---</option>
              <option value="1">华硕</option>
              <option value="2">IBM</option>
              <option value="3">DELL</option>
            </select>
          </p>
            <p>
            <label>价格管理:</label>
            市场价：<input class="text-input small-input" type="text" id="Text1" name="medium-input" />
            &nbsp;成本价：<input class="text-input small-input" type="text" id="Text4" name="medium-input" />
            &nbsp;会员价：<input class="text-input small-input" type="text" id="Text5" name="medium-input" />
           </p>
         <p>
            <label>添加产品S/N号:</label>
            <input class="text-input small-input" type="text" id="Text2" name="large-input" /><input type="button" id="AddSn" name="Addsn" value="添加" />
          </p>
          <p>
            <label>产品S/N号:</label>
            <div style="width:300px; height:150px; overflow-y:scroll; overflow-x:hidden;">
            <table>
                  <tr>
                      <td >
                          SN序列号</td>
                      <td>
                          操作</td>
                  </tr>
                  <tr>
                      <td>773923137789127312</td>
                      <td><a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
                  </tr>
                  <tr>
                      <td>773923137789127312</td>
                      <td><a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
                  </tr>
                  <tr>
                      <td>773923137789127312</td>
                      <td><a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
                  </tr>
                  <tr>
                      <td>773923137789127312</td>
                      <td><a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
                  </tr>
                  <tr>
                      <td>773923137789127312</td>
                      <td><a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
                  </tr>
              </table>
              </div>
              </p>
          <p>
            <label>产品描述:</label>
            <textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15"></textarea>
          </p>
          <%--<p>
            <label>多选框</label>
            <input type="checkbox" name="checkbox1" />
            这里是一个选项
            <input type="checkbox" name="checkbox2" />
            这里是一个选项 </p>
          <p>
            <label>单选选项</label>
            <input type="radio" name="radio1" />
            这里是一个单选选项<br />
            <input type="radio" name="radio2" />
            这里也是一个单选选项 </p>
          <p>
            <label>选项菜单</label>
            <select name="dropdown" class="small-input">
              <option value="option1">Option 1</option>
              <option value="option2">Option 2</option>
              <option value="option3">Option 3</option>
              <option value="option4">Option 4</option>
            </select>
          </p>
          <p>
            <label>文本录入</label>
            <textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15"></textarea>
          </p>--%>
          <p>
            <input class="button" type="submit" value="提    交" />
          </p>
          </fieldset>
          <div class="clear"></div>
</asp:Content>
